<!DOCTYPE HTML>
<html>
<head>
<title>Virtual Traning Pedia - Technology Games, Courses, Hot Jobs, Interview Questions</title>
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 
 
<link rel="stylesheet" href="fonts/css/font-awesome.min.css">
<link rel="stylesheet" href="fonts/css/font-family.css">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />

<script src="js/jquery.min.js"></script>
<script src="js/jquery.circliful.min.js"></script>
<script src="js/commonfunctions.js"></script>
<script src="js/url.js"></script>
<script src="js/load.js"></script>


<script>
$( document ).ready(function() {
	if(typeof localStorage["user_id"]=='undefined'){
		window.location="index.html";
	}else{
		getCourse();
		$('#myStat2').circliful();
	}
});
</script>

<link href="css/jquery.nouislider.css" rel="stylesheet">
<script src="js/jquery.nouislider.js"></script>

<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<script src="js/underscore-min.js"></script>
<script src= "js/moment-2.2.1.js"></script>

<link rel="stylesheet" href="css/demo.css">
<link rel="stylesheet" href="css/font-awesome.css">
<link rel="stylesheet" href="css/sky-forms.css">
<link rel="stylesheet" href="css/sky-forms-orange.css">
<script src="js/jquery-ui.min.js"></script>
		      
</head>
<body>
<div class="main_bg">
<div class="container">
<div class="main">

		<div class="col-md-12 "> <a href="javascript:void(0);" onclick="logoFunction(1)"><img src="images/vtp-logo.png" width="163" height="127" class="img-responsive logo"></a> 
		<div style="position:absolute; top:47px; right:90px;"><button type="button" onclick="logoutFunction()" class="btn btn-danger btn-outline btn-sm">Logout</button></div>
		</div> 
        <!-- Header  -->
        

		<div class="h_menu">
		<a id="touch-menu" class="mobile-menu" href="#">Menu</a>
		<nav>
		<ul class="menu list-unstyled">
			<li class="color6"><a href="#" onclick="menuActive(0)" >ABOUT</a></li>
			<li class="color3"><a href="courses.html">Technology Games</a></li>
			<li class="color4"><a href="technology.html"  >Courses</a></li>
			<li class="color5"><a href="javascript:void(0)" onclick="menuActive(2)" >Hot Jobs</a></li>
			<li class="color2"><a href="menu.html" onclick="menuActive(3)" >Interview Questions </a></li>
            <li class="color1"><a href="javascript:void(0)" onclick="ContactformFunction(1)" >Contact</a></li>
		</ul>
		</nav>
		<script src="js/menu.js" type="text/javascript"></script>
		</div>
    
    <div class="col-md-12"><!-- start span1_of_3 style2 -->
			<div class="grid2_of_1">
					
                    <div class="body">			
		
			<!-- Orange color scheme -->
			<form class="sky-form" method="post">
				<header id="replacetext"></header>
				
				
				
				<fieldset>
					<section>
						<label class="label">Select Technology</label>
						<label class="select">
							<select id="technology" name="technology"  >
							</select><span id="technologyError" name="technologyError" style="color:red"></span> 
							<i></i>
						</label>
					</section>
					
				</fieldset>
				
				<fieldset>
					<section>
						<label class="label">Select Experience</label>
						<label class="select">
							<select id="year_of_exp" name="year_of_exp">
								<option value="">Choose Exp.</option>
								<option>1</option>
								<option>2</option>
								<option>3</option>
								<option>4</option>
							</select><span id="year_of_expError" name="year_of_expError" style="color:red"></span> 
							<i></i>
						</label>
					</section>
					
				</fieldset>
			
            
				
				
				
				<footer>
					<a href="javascript:void(0);" onclick="submitCourseFunction()" ><button type="button" class="button">Submit</button></a>
					<button type="button" class="button button-secondary" onclick="backFunction(1)">Back</button>
					<br/><span id="CourseLoader" ></span>
				</footer>
			<!--</form>
				
				
			<!--/ Orange color scheme -->			
		</div>
		</div>
			
			
		</div>   <!-- end span1_of_2 -->	
    
    
    
	<div class="clearfix"></div>
	<div class="copy">
		<p class="link"><span>&#169;All rights reserved |  by&nbsp;<a href="#"> Virtual Traning Pedia</a></span></p>
	</div>
</div>
</div>
</div>


        
</body>
</html>